<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/24
  Time: 22:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="../../plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/sellCar.css">
    <link rel="stylesheet" href="../../css/footer.css">
</head>
<body>
<!--nav开始-->
<div id="nav_my">

</div>
<!--nav结束-->
<!--nav beigin-->
<div class="container-fluid">
    <div class="row" style=" height:340px ;margin-top:-19px;background: url('../../images/buy_nav_bk.png') top no-repeat">
        <div class="seller">
            <h2>免费检测评估</h2>

            <input type="text" class="phone" value="" placeholder="请输入你的手机号">
            <br>
            <!--              <button>高价卖车</button>-->
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">高价卖车</button>
            <!-- 模态框（Modal） -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button style="width: 20px;" type="button" class="close col-md-3" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">精翼卖车网</h4>
                        </div>

                        <div class="modal-body">
                            <form class="form-horizontal" role="form">
                                <div class="form-group">
                                    <label for="username" class="col-sm-2 control-label">姓名：</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="username" placeholder="请输入个人姓名">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="phone" class="col-sm-2 control-label">联系方式</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="phone" placeholder="请输入联系方式">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="carnum" class="col-sm-2 control-label">车辆牌照</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="carnum" placeholder="请输入车辆牌照">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="carBrand" class="col-sm-2 control-label">品牌车系</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="carBrand" placeholder="请输入品牌车系">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="carTime" class="col-sm-2 control-label">上牌时间</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="carTime" placeholder="请输入上牌时间">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="runFar" class="col-sm-2 control-label">行驶里程</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="runFar" placeholder="请输入行驶里程">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10 col-md-3 " style="float: left;" >
                                        <button type="button" style="background-color: skyblue" class="btn btn-default" data-dismiss="modal">关闭</button>
                                    </div>
                                    <div class="col-sm-offset-2 col-sm-10 col-md-3"  style="float: left;">
                                        <button type="button" style="background-color: skyblue"   class="btn btn-primary">提交</button>
                                    </div>

                                </div>
                            </form>
                        </div>

                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <br>
            <br>
            <span>免费咨询电话:888-8888-888</span>
        </div>
    </div>
</div>
<!-- nav end-->

<!--intro begin-->
<div class="container-fluid intro">
    <div class="row">
        <!--        缩略图 begin-->
        <div class="row">
            <div class="col-md-4">
                <a href="#" class="thumbnail">
                    <img src="../../images/buy_one.png"
                         alt="通用的占位符缩略图">
                </a>
                <h3>免费检测评估</h3>
                <p>专业评估师给您精准价格</p>
            </div>
            <div class=" col-md-4">
                <a href="#" class="thumbnail">
                    <img src="../../images/buy_two.png"
                         alt="通用的占位符缩略图">
                </a>
                <h3>快速买车价格高</h3>
                <p>最快当日即可成交</p>
            </div>
            <div class=" col-md-4">
                <a href="#" class="thumbnail">
                    <img src="../../images/buy_three.png"
                         alt="通用的占位符缩略图">
                </a>
                <h3>全程一对一服务</h3>
                <p>买车全程免费服务</p>
            </div>
        </div>
        <!--        suoluotu end-->
    </div>
</div>
<!-- intro end-->
<br>
<!--服务 begin-->
<div class="container">
    <div class="row bargain">
        <h2 style="color: skyblue">最新成交</h2>
        <!--        缩略图-->
        <div class="row">
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img src="../../images/car1.png"
                         alt="" style="width: 80%;">
                    <div class="caption car_info ">
                        <p><a href="" style="text-decoration: none;">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                        </p>
                        <span>2015年 | 7.0万公里</span>
                        <p style="margin-top: 5px">成交价 <span>5.5万</span>&nbsp;&nbsp;<strong>2天卖出</strong></p>
                    </div>
                </div>
            </div>
        </div>
        <!--        缩略图-->
    </div>
</div>

<!--服务 end-->

<!--question begin-->
<div class="container-fluid">
    <div class="row question">
        <h2>精翼问答</h2>
        <div class="left">
            <h3>Q1：卖车流程是怎样的？</h3>
            <p>1、在本页填写卖车信息或拨打400-023-1529联系我们。<br/>
                2、由检测师进行车辆信息收集，并经过瓜子评估，给出瓜子价参考，由车主确定发布报价。<br/>
                3、达成交易合同，支付车款并过户。
            </p>
            <br>

            <h3>Q2:通过精翼网站出售车辆需要什么费用？</h3>
            <p>精翼网站上门验车不收取费用，免费评估，并为您免费提供车辆检测报告，整个服务过程全部免费。</p>
            <br>
            <h3>Q3:大概多长时间能够成交？</h3>
            <p>根据我们的经验，大部分车辆平均7日可以成交。但车辆的出售时间受市场情况、车况等多因素影响。</p>
        </div>
        <div class="right">
            <h3>Q4：卖车需要准备什么？</h3>
            <p>
                1、身份证；<br>
                2、环保标；<br>
                3、购置税本；<br>
                4、行驶证；<br>
                5、检字标；<br>
                6、购置税发票；<br>
                7、车辆登记证；<br>
                8、交强险标；<br>
                9、购车发票/最近一次过户发票；<br>
                10、交强险单。
            </p>
        </div>
    </div>
</div>
<!--footer-->
<div id="footer">

</div>
<!--footer-->
<!--question end-->
<script src="../../js/jquery-3.4.1.js"></script>
<script src="../../plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script>
    $(function(){
        $("#nav_my").load("../common/nav.jsp");
    })

    $(function(){
        $("#footer").load("../common/footer.jsp");
    })
</script>
</body>
</html>